<div>


  <div *ngIf="!result || result.length === 0">
    <nz-empty></nz-empty>
  </div>
  <div *ngIf="result && result.length>0">
    <nz-table #basicTable [nzData]="result" nzTableLayout="fixed">
      <thead>
      <tr>
        <th nzWidth="300px">角色名</th>
        <th nzWidth="400px">集群</th>
        <th nzWidth="400px">索引</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let data of basicTable.data">
        <td>{{data[0]}}</td>
        <td nzEllipsis="true" nz-tooltip [nzTooltipTitle]="data[1]['cluster']">
          {{data[1]['cluster']}}
        </td>
        <td nzEllipsis="true" nz-tooltip [nzTooltipTitle]="data[1]['indexNames']">
          {{data[1]['indexNames']}}
        </td>
        <td>
          <a nz-button nzType="link" (click)="details(data[0])">详情</a>
        </td>
      </tr>
      </tbody>
    </nz-table>
  </div>

</div>
